<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: 梁清福
 * @LastEditTime: 2022-01-09 14:42:57
-->
<template>
  <div style="height: 95%">
     <video id="video" style="height: 95%" muted controls autoplay="autoplay" preload="auto" >
    <source src="http://39.101.67.18/vv.mov" />
   
  </video>
    

  </div>
</template>
<script>
// 获取请求工具 
import {get} from '../../../utils/request'
import {mapState} from 'vuex'
export default {
  // 监听器
  watch:{
    ed:{
      handler(ed){
        this.loadData()
      },
      deep:true
    }
  },
  // 计算属性
  computed: {
    ...mapState(['ed'])
  },
  // 生命周期钩子，表示当页面渲染完毕的时候执行
  mounted(){
    this.loadData()
  },
  // 数据，必须返回一个对象，在这个对象中定义页面中需要用到的变量
  data(){
    return {
      // 声明一个变量，初始值为空数组
      devices:[]
    }
  },
  // 方法，这些方法可以在生命周期中调用，或者可以被事件触发
  methods:{
    // 加载数据 - 与后台交互获取设备数据
    loadData(){
      let url = "/dashboard/findEngineerDeviceTree"
      get(url).then(resp => {
        // resp表示后台给我们的反馈结果
        this.devices = resp.data[0].children[0].video;
        
      })
    }
  }
}
</script>